<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>商品详情页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/item.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/loadfooter.js"></script>
    <script src="js/lib/jquery.cookie.js"></script>
    <script src="js/item.js"></script>
</head>

<body>
    <!--头部导航栏-->
    <div class="header_wrap">
        <div class="header">
            <ul class="header_left">
                <li><a href="index.html"><img src="imgs/item/btn_03.png" alt="">梦芭莎首页</a></li>
                <li><a href="#"><img src="imgs/item/btn_05.png" alt="">100%正品保证 创立于2006年</a></li>
            </ul>
            <ul class="header_right">
                <li><a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
                <li><a href="#"><img src="imgs/item/btn_07.png" alt="">微信</a><img src="imgs/weixin_code.jpg" alt=""></li>
                <li><a href="#"><img src="imgs/item/btn_09.png" alt="">微博</a><img src="imgs/weibo_code.jpg" alt=""></li>
                <li><a href="#"><img src="imgs/item/btn_11.png" alt="">手机</a><img src="imgs/phone_code.jpg" alt=""></li>
                <li><a href="#">收藏梦芭莎</a></li>
                <li><a href="Cart.html"><img src="imgs/item/btn_13.png" alt="">购物车</a></li>
                <li><a href="#"><img src="imgs/item/btn_15.png" alt="">全部</a></li>
            </ul>
        </div>
    </div>
    <!--商标和搜索栏-->
    <div class="bhs">
        <ul class="bhs_left">
<li class="logo_pic" style="position: relative;"><a href="index.html"> <img src="imgs/item/logomoonbasa.png" alt=""></a></li>
            <li class="
brand_detail"><span style="color: #000;">梦芭莎职业优雅女装旗舰店</span><span class="bottom">梦芭莎自营品牌</span></li>
        </ul>
        <ul class="bhs_right">
            <li class="backet">
                <div class="search">
                    <input class="text" type="text" name="" id="" placeholder="超级品类日    尖货爆款低至三折" />
                    <input class="text2" type="button" value="搜全站">
                </div>
            </li>
            <li><span>搜本店</span></li>
        </ul>
    </div>
    <div class="main_title">
        <img src="imgs/item/item_logo.jpg" alt="">
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.html"><img src="imgs/item/nav (1).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (2).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (3).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (4).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (5).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (6).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (7).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (8).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (9).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (10).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (11).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (12).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (13).jpg" alt=""></a></li>
            <li><a href="#"><img src="imgs/item/nav (14).jpg" alt=""></a></li>
        </ul>
    </div>
    <!--商品主要信息栏-->
    <div class="main_wrap" id="wrap">
        <div class="content" id="content">
            <!--左边部分-->
            <div class="cont_left">
                <div class="nav">
                    <a href="#">首页 〉</a>
                    <a href="#">新品抢先 〉</a>
                    <a href="#">休闲时尚 〉</a>
                    <a href="#">秋三波</a>
                </div>
                <!--小图片-->
                <ul class="pic">

                </ul>
                <!--大图片区域-->
                <ul class="bigPic">

                </ul>
                <!--图片滚动部分-->
                <div class="list">
                    <div class="left_arrow"><img src="imgs/item/slon.png" alt=""></div>
                    <ul class="list_pic">

                    </ul>
                    <div class="right_arrow"><img src="imgs/item/sron.png" alt=""></div>
                </div>
                <div class="collect">
                    <p>
                        商品编码：<span class="id"></span>
                    </p>
                </div>
            </div>
            <!--中间部分-->
            <div class="cont_info">
                <h2></h2>
                <div class="look_price">
                    <div class="price">
                    </div>
                    <div class="codeshow">
                        <img id="img_code" src="imgs/item/move01.gif" alt="">
                        <div style="display: none">
                            <img src="imgs/item/QRCodeCreate.png" alt="">
                            <span id="close"><a href="javascript:void(0)">×</a></span>
                        </div>
                        <span>手机便捷购买</span>
                    </div>
                </div>
                <div class="detail">
                    <div class="color_size">
                        <div class="color">
                        </div>
                        <div class="size">
                            <ul>

                            </ul>
                        </div>
                        <div class="num">
                            <ul>
                                <li>数量</li>
                                <li>
                                    <p>
                                        <span id="good_num" style="width: 53px">1</span>
                                        <span class="arrow_btn">
                                            <img id="add_num" src="imgs/item/lbu.png" alt="">
                                            <img id="minus_num" src="imgs/item/lbd.png" alt="">
                                        </span>
                                    </p>
                                </li>
                                <span id="surplus"></span>
                            </ul>
                        </div>
                    </div>
                    <div class="addCart">
                        <ul>
                            <li><span>立即购买</span></li>
                            <li class="current"><a id="add" href="javascript:;;">加入购物车</a></li>
                        </ul>
                    </div>
                    <div class="service">
                        <ul>
                            <li><img src="imgs/item/16012209.png" alt="">七天无条件退货</li>
                            <li><img src="imgs/item/16012211.png" alt="">满180元免运费</li>
                            <li><img src="imgs/item/16012213.png" alt="">梦芭莎发货</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--右边部分-->
            <div class="lookback">
                <div class="title"><span>　 -　看了又看　－</span></div>
                <ul class="good_pic">
                    <li><a href="#"><img src="imgs/item/182017376-I38-01-L.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/434017302-014-01-L.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/462016302-010-01-S.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/462016309-009-01-S.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/032018306-096-01-S.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/462017305-X14-01-L.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/462017315-009-01-S.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/182017376-I38-01-L.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                    <li><a href="#"><img src="imgs/item/032018306-096-01-S.jpg" alt="">
                            <p>¥99</p>
                        </a></li>
                </ul>
                <div class="tog_btn">
                    <div class="top_arrow"><img src="imgs/item/lbu.png" alt=""></div>
                    <div class="bottom_arrow"><img src="imgs/item/lbd.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <div class="info_wrap">
        <div class="main">
            <div class="left">
                <ul class="hotrecommend">
                    <li><a href="#"><img src="imgs/item/M7_3_142657.jpg" alt=""></a></li>
                    <li><a href="#"><img src="imgs/item/M12_7_103916.jpg" alt=""></a></li>
                </ul>
                <ul class="rec_goods">
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/469918407-C11-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00 <i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/462017305-X14-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/467118423-009-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/467118310-009-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/461618302-093-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/463018337-846-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/465117301-116-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt><a href="#"><img src="imgs/item/462017305-X14-01-L.jpg" alt=""></a></dt>
                            <dd>¥98.00<i><img src="imgs/item/red_cart.png" alt=""></i></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul class="item_nav">
                    <li class="current">商品详情</li>
                    <li>评价</li>
                    <li>如何支付</li>
                    <li>7天无条件退换货</li>
                </ul>
                <ul class="item_content">
                    <!--详情-->
                    <li class="current">
                        <!--商品属性-->
                        <div class="attribute">
                            <h3><img src="imgs/item/t_02.png" alt=""></h3>
                            <div class="attr_content">
                                <dl>
                                    <dt>领型</dt>
                                    <dd>圆领</dd>
                                </dl>
                                <dl>
                                    <dt>袖长</dt>
                                    <dd>长袖</dd>
                                </dl>
                                <dl>
                                    <dt>面料</dt>
                                    <dd>75%粘胶纤维19%聚酯纤维</dd>
                                </dl>
                                <dl>
                                    <dt>衣长</dt>
                                    <dd>常规款</dd>
                                </dl>
                                <dl>
                                    <dt>版型</dt>
                                    <dd>宽松型</dd>
                                </dl>
                                <dl>
                                    <dt>厚薄</dt>
                                    <dd>适中</dd>
                                </dl>
                            </div>
                        </div>
                        <!--商品展示-->
                        <div class="show">
                            <h3><img src="imgs/item/t_03.png" alt=""></h3>
                        </div>
                        <div class="show_content">
                            <div><img src="imgs/item/01.jpg" alt=""></div>
                            <div><img src="imgs/item/01_01.jpg" alt=""></div>
                            <div class="goods_pic"><img src="imgs/item/02.jpg" alt=""></div>
                            <div class="goods_pic"><img src="imgs/item/03.jpg" alt=""></div>
                            <div class="goods_pic"><img src="imgs/item/04.jpg" alt=""></div>
                            <div class="goods_pic"><img src="imgs/item/05.jpg" alt=""></div>
                            <div class="goods_pic"><img src="imgs/item/06.jpg" alt=""></div>
                        </div>
                    </li>
                    <!--评价-->
                    <li>
                        <div class="e_total">
                            <div class="good_review">
                                <p>综合好评</p>
                                <table>
                                    <thead>
                                        <tr>
                                            <th>描述</th>
                                            <th>服务</th>
                                            <th>物流</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>5</td>
                                            <td>5</td>
                                            <td>5</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div style="width: 280px;">
                                <p>尺码</p>
                                <div class="size_review">
                                    <div><span>偏大</span><span>0%</span></div>
                                    <div class="on"><span>合适</span><span>100%</span></div>
                                    <div><span>偏小</span><span>0%</span></div>
                                </div>
                            </div>
                            <div style="width: 500px">
                                <p>大家都觉得</p>
                                <ul class="satisfied">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <!--如何支付-->
                    <li></li>
                    <!--七天退换货-->
                    <li></li>
                </ul>
            </div>
        </div>
        <div class="detail_nav">
            <h3>快捷导航</h3>
            <ul>
                <li><a href="#">商品属性</a></li>
                <li><a href="#">商品展示</a></li>
                <li><a href="#">热销推荐</a></li>
                <li><a href="#">商品图</a></li>
                <li><a href="#">尺码与试穿</a></li>
                <li><a href="#">看了又买了</a></li>
            </ul>
        </div>
    </div>
    <div class="footer_wrap">

    </div>
</body>

</html>